<script type="text/javascript">
    $(document).ready(function () {
        $(window).load(function () {
            function notify(message, type){
                $.growl({
                    message: message
                },{
                    type: type,
                    allow_dismiss: false,
                    label: 'Cancel',
                    className: 'btn-xs btn-inverse',
                    placement: {
                        from: 'top',
                        align: 'right'
                    },
                    delay: 3200,
                    animate: {
                        enter: 'animated fadeInRight',
                        exit: 'animated fadeOutRight'
                    },
                    offset: {
                        x: 20,
                        y: 85
                    }
                });
            }
            setTimeout(function () {
                var message1 = '<strong>小提示!</strong> 使用 &#8984;+s or CTL+s 作为键盘快捷键来保存表格.';
                var message2 = '<strong>小提示!</strong> 使用 &#8984;+\' 在 markdown 编辑器切换块引用.';
                var message3 = '<strong>小提示!</strong> 使用 &#8984;+b 在 markdown 编辑器中切换粗体.';
                var message4 = '<strong>小提示!</strong> 使用 &#8984;+h 在 markdown 编辑器中切换标题格式.';
                var message5 = '<strong>小提示!</strong> 使用 &#8984;+i 在 markdown 编辑器中切换斜体.';
                var message6 = '<strong>小提示!</strong> 使用 &#8984;+k 在 markdown 编辑器中添加一个链接.';
                var message7 = '<strong>小提示!</strong> 使用 &#8984;+l 在 markdown 编辑器中添加一个无序列表.';
                var message8 = '<strong>小提示!</strong> 使用 &#8984;+Alt+c 在 markdown 编辑器中切换一个代码块.';
                var message9 = '<strong>小提示!</strong> 使用 &#8984;+Alt+i 在 markdown 编辑器中添加一张图片.';
                var message10 = '<strong>小提示!</strong> 使用 &#8984;+Alt-l 在 markdown 编辑器中切换一个无序列表.';
                var message11 = '<strong>小提示!</strong> 使用 F9 切换并排显示的 markdown 编辑器.';
                var message12 = '<strong>小提示!</strong> 使用 F11 切换 markdown 编辑器的全屏显示.';

                var options = [
                                message1,
                                message2,
                                message3,
                                message4,
                                message5,
                                message6,
                                message7,
                                message8,
                                message9,
                                message10,
                                message11,
                                message12
                            ];

                notify(options[Math.floor(Math.random() * options.length)], 'inverse');
            }, 300)
        });
    });
</script>